<template>
  <view>
    <view class="content">
      <view class="sign-item">
        <view class="sign-item_l">
          <view class="sign-item_img">
            <image src="../../../static/image/main.png" mode="aspectFill" class="img"></image>
          </view>
        </view>
        <view class="sign-item-r">
          <view>
            <view class="u-line-3">
              {{Name}}
            </view>
          </view>
          <view class="u-flex" style="width: 100%;">
            <text class="sign-item-r_l">￥288</text>
            <text class="sign-item-r_r">￥288</text>
          </view>
        </view>
      </view>
      <view class="u-m-t-24 u-m-b-36">
        <u-line color="#d0d0d0" />
      </view>
      <view class="sign-info">
        <view class="u-flex sign-info_b">
          <view class="u-flex-2">12月30日至12月31日</view>
          <view class="u-flex-1">汕头市</view>
          <view class="sign-info_s">正在报名</view>
        </view>
        <view class="sign-data">
          <text class="sing-data_title">报名资料</text>
          <view class="sign-data-cells">
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">报名人数</view>
              <view class="sign-data-cell_r">1人</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">真实姓名</view>
              <view class="sign-data-cell_r">郑佬</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">手机号</view>
              <view class="sign-data-cell_r">13566678929</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">ID</view>
              <view class="sign-data-cell_r">200899677</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">城市</view>
              <view class="sign-data-cell_r">汕头</view>
            </view>
            <view class="sign-data-cell">
              <view class="sign-data-cell_l">群昵称</view>
              <view class="sign-data-cell_r">射鸡师</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view style="height: 100rpx;"></view>
    <view class="s-btn s-btn--primary s-size-default" @click="confirm">微信支付</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        Name:''
      }
    },
    onLoad(options) {
      uni.setNavigationBarTitle({
        title: options.Name
      });
      this.Name = options.Name
    },
    methods: {
      confirm(){
        uni.navigateTo({
        	url: '/pages/Events/OrderGoods/OrderGoods?Name='+this.Name
        });
      },
    }
  }
</script>

<style lang="scss" scoped>
  .img {
    width: 100%;
    height: 100%;
  }

  .content {
    display: flex;
    flex-direction: column; 
    background-color: #ffffff;
    .sign-item{
      display: flex;
      margin-top: 32rpx;
      padding:0 32rpx;
      .sign-item_img{
        width: 300rpx;
        height: 200rpx;
        .img{
          border-radius: 28rpx;
        }
      }
      .sign-item-r{
        padding: 0 24rpx;
        display: flex;
        flex-wrap: wrap;
        .sign-item-r_r{
          font-size: 32rpx;
          margin-left: auto;
        }
      }
    }
    .sign-info{
      padding:32rpx;
      .sign-info_b{
        margin-bottom: 48rpx;
      }
      .sign-info_s{
        color: $supernut-color;
      }
    }
    .sign-data{
      .sing-data_title{
      }
      .sign-data-cells{
        .sign-data-cell{
          display: flex;
          align-items: center;
          justify-self: center;
          margin-top:64rpx;
          .sign-data-cell_r{
            margin-left: auto;
          }
        }
      }
    }
  }

</style>